
@import '../../../../common/variables.less';

.visualComponents{
  .el-message-box__content{
    padding: 40px 30px; // 跟xvue一致，边距大一点比较好看
  }
}

.el-message-box.visualComponents_theme_dark, 
.el-message-box.visualComponents_theme_message_dark {
  background-color: @dialog_body_bg_color_dark;
  border-color: @dialog_body_bg_color_dark;

  .el-message-box__header{
    background-color: @el_message_box_header_bg_color_dark;
  }

  .el-message-box__title {
    color: @text_color_dark;
  }
  .el-message-box__headerbtn {
    color: @text_color_dark !important;
    .el-message-box__close {
      color: @text_color_dark !important;
    }
  }

  .el-message-box__content {
    color: @font_color_dark;
  }

  .el-message-box__btns {
    .el-button {
      background-color: @btn_cancel_bg_color_dark;
      border-color: @btn_cancel_bg_color_dark;
      color: @text_color_dark;
    }
    .el-button--primary {
      background-color: @btn_primary_border_color_dark;
      border-color: @btn_primary_border_color_dark;
      color: @text_color_dark;
    }
  }
}
